<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script type="module">
        import {Observer} from './observer.js'
        // // 单个属性
        // let obj = {}
        // let val = 20
        // Object.defineProperty(obj, "age", {
        //     get() {
        //         console.log(`原始值${val}`);
        //         return val
        //     }, set(newval) {
        //         console.log(`变化后的值${newval}`);
        //         val=newval
        //     }
        // })
        let obj=new Observer({
            name:'小明',
            age:18,
            demo:{
                a:'aa',
                b:12
            }
        })
        console.log(obj.value.name);
        obj.value.age=25
        console.log(obj.value.demo.a);
        obj.value.demo.b=2121

    </script>
</body>

</html>